// const webpack = require('webpack')

module.exports = {

    publicPath:'./',
    outputDir:'dist',  //当运行 vue-cli-service build 时生成的生产环境构建文件的目录
    assetsDir:'assets',  //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
    lintOnSave: true, // eslint-loader 是否在保存的时候检查 安装@vue/cli-plugin-eslint有效
    runtimeCompiler: true, //是否使用包含运行时编译器的 Vue 构建版本。设置true后你就可以在使用template
    productionSourceMap: true, // 生产环境是否生成 sourceMap 文件 sourceMap的详解请看末尾  
    indexPath:'index.html',
    filenameHashing:true,
    //开启代理
    devServer:{

        hot: true, //热加载
        // host: 'localhost', //ip地址
        host: "0.0.0.0",
        port: 8080, //端口
        https: false, //false关闭https，true为开启
        open: true, //自动打开浏览器
        //配置代理接口
        proxy:{    

            //////联调代理api
            '/api':{
                target:'http://47.102.218.249/api/',  //mock本地代理的地址
                changOrigin:true,               //是否跨域
                ws: true,
                pathRewrite:{
                    '^/api': '' //api 
                }
            }

        },      
    },

    //webpack配置
	configureWebpack: {
        
        //关闭 webpack 的性能提示
	    // performance: {
		//     hints:false
        // },
	    //警告 webpack 的性能提示
	    performance: {
	    	hints:'warning',
	    	//入口起点的最大体积
	    	maxEntrypointSize: 50000000,
	    	//生成文件的最大体积
	    	maxAssetSize: 30000000,
	    	//只给出js文件的性能提示
	    	assetFilter: function(assetFilename) {
	    		return assetFilename.endsWith('.js');
	    	}
	    }
    },

    // //配置css

    // css: {
    //     loaderOptions: {
    //       postcss: {
    //         // 这是rem适配的配置  注意： remUnit在这里要根据lib-flexible的规则来配制，如果您的设计稿是750px的，用75就刚刚好。
    //          plugins: [
    //           require("postcss-px2rem")({
    //             remUnit: 75
    //          })
    //         ]
    //       }
    //     }
    // }

}